{% extends "./default.html" %}
{% import "./public/adsPannel.html" as adsPannel %}
{% block content %}
<style>
  .blog figure ul {
    height: 180px;
  }

  .blog figure ul a {
    height: 100%;
  }

  .blog figure img {
    width: 100%;
    height: 100%;
  }
</style>
<article>
  <div class="banner">
    {% ads name="recommend" %}
    <div id="sucaihuo" class="fader">
      {% for item in recommend.items %}
      <a style="height:100%" href="{{item.link}}" alt="{{item.alt}}"><img class="slide" src="{{item.sImg}}"></a>
      {%endfor%}
      <div class="fader_controls">
        <div class="page prev" data-target="prev">&lsaquo;</div>
        <div class="page next" data-target="next">&rsaquo;</div>
        <ul class="pager_list">
        </ul>
      </div>
    </div>
    <script>
      $(function () {
        $('#sucaihuo').easyFader();
      });
    </script>
  </div>
  <div class="blog">
    {% recommend pageSize=4 %}
    {% if recommend.length > 0 %}
    {% for item in recommend %}
    <figure>
      <ul>
        <a href="{{item.url}}"><img src="{{item.sImg}}"><span>{{item.stitle}}</span></a>
      </ul>
      <p><a href="{{item.url}}">{{item.stitle}}</a></p>
      <figcaption>{{item.discription}}</figcaption>
    </figure>
    {% endfor %}
    {% endif %}

  </div>
  <div class="newblogs">
    <h2 class="hometitle">最新文章</h2>
    <ul>
      {% include './public/itemListTemp.html' %}
    </ul>
  </div>
  <div class="rbox">

    {% include './public/sidebar.html' %}

  </div>
</article>
{% endblock %}